<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<title>Page Title | Yoursite.com</title>

	<meta name="keywords" content="keyword phrase 1, keyword phrase 2" />
	<meta name="description" content="inHarmony is a perfect corporate html template." />
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- CSS ______________________________________-->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/magnificpopup.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	
	<link href="css/master.css" rel="stylesheet">
	<link href="css/colors-classic.css" rel="stylesheet">   <!-- The color scheme -->
	
	<!-- Javascripts ______________________________________-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
		<!-- include image popups -->
		<script src="js/jquery.magnific-popup.min.js"></script> 
		<!-- include mixitup for filtering items -->
		<script src="js/jquery.mixitup.min.js"></script>
		<!-- include mobile menu -->
		<script src="js/jquery.mobilemenu.js"></script> 
		<!-- include custom script -->
		<script src="js/scripts.js"></script>
	
	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" />
	<![endif]-->

	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" />
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
</head> 

<body class="page full">

<div id="wrapperbox">

	<!-- HEADER ______________________________________-->
	<header role="banner">
		<div class="wrapper">
			<!-- Logo ______________________________________-->
			<div id="logo">
				<h1>
					<a href="/" rel="home"><img src="imgs/logo.gif" alt="inHarmony Logo" /></a>
					<a href="/" rel="home">inHarmony<span class="blue">.</span></a> <br />
					<span class="subtitle">Just another HTML template</span>
				</h1>
			</div>
			
			<!-- Address Microdata ______________________________________-->
			<div id="address-block" itemscope itemtype="http://schema.org/Organization"> 
			   <span itemprop="name" class="hidden">inHarmony Organization</span> 
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
					
				  <span itemprop="streetAddress">2939 4th Ave W</span>,
				  <span itemprop="addressLocality">Vancouver</span>,
				  <span itemprop="postalCode">BC V6K 1R3</span>
			   </div>
			   <span itemprop="telephone"><i class="icon-mobile-phone"></i> <strong>123-456-9999</strong></span> 
			   <a href="mailto:info@yourcompany.com" itemprop="email"><i class="icon-envelope"></i> info@the-company.com</a>
			</div>	
			
			<!-- Social icons ______________________________________-->
			<div id="social-block">
				<ul>
					<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
					<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
					<li><a href="#" target="_blank" title="Linkedin"><i class="icon-linkedin"></i></a></li>
					<li><a href="#" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
					<li><a href="#" target="_blank" title="Google Plus"><i class="icon-google-plus"></i></a></li>
					<!-- 	<li><a href="#" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
					<li><a href="#" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
					<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
					<li><a href="#" target="_blank" title="Tumblr"><i class="icon-tumblr"></i></a></li>
					<li><a href="#" target="_blank" title="Skype"><i class="icon-skype"></i></a></li> -->
				</ul>
			</div>
		</div>  <!-- END .wrapper -->
		
		<!-- Main menu ______________________________________-->
		<nav id="mainmenu" role="navigation">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Styles</a>
					<ul class="sub-menu" id="change-style">
						<li><a href="#" id="classic">Classic</a></li>
						<li><a href="#" id="eco-earth">Eco Earth</a></li>
						<li><a href="#" id="silver-grey">Silver Grey</a></li>
						<li><a href="#" id="passion-red">Passion Red</a></li>
						<li><a href="#" id="golden">Golden</a></li>
						<li><a href="#" id="deep-blue">Deep Blue</a></li>	
					</ul>
				</li>
				<li><a href="elements.html">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="testimonials.html">Testimonials</a></li>
						<li><a href="faqs.html">FAQs</a></li>
						<li><a href="404.html">404</a></li>
					</ul>
				</li>
				<li><a href="#" class="active">Media</a>
					<ul class="sub-menu">
						<li><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio Small</a></li>
								<li><a href="portfolio-medium.html">Portfolio Medium</a></li>
								<li><a href="portfolio-large.html" class="active">Portfolio Large</a></li>
							</ul>
						</li>
						<li><a href="portfolio-single.html">Portfolio Single</a></li>
						<li><a href="documentation.html">Documentation</a></li>
					</ul>
				</li>
				<li><a href="#">Layouts</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">Left Sidebar</a></li>
						<li><a href="blog-post.html">Right Sidebar</a></li>
						<li><a href="team.html">Full Width</a></li>
					</ul>
				</li>
				
				<li><a href="blog.html">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-post.html">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>
			</ul>		

			<!-- Search box ______________________________________-->
			<div id="sitesearch">
				<i class="icon-search"></i>
			</div>
			<div id="search-results">
				<script>
				  (function() {
					var cx = '017683756184911932766:rvnzs1j9m1g';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
						'//www.google.com/cse/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				  })();
				</script>
				<div id="search-box">
					<div class="gcse-search"></div>
				</div>
			</div>
			
		</nav> <!-- END #mainmenu -->		
	</header>
			
	<div class="wrapper">
		<div id="content" role="main">
			<!-- Heading ______________________________________-->
			<h1>Portfolio</h1>
			
			<!-- Breadcrumbs ______________________________________-->
			<!-- No breadcrumbs in the portfolio section, just the portfolio category filter ______________________________________-->
			
			<!-- Portfolio category filter ______________________________________-->
			<ul id="menu-portfolio-items" class="tags">
				<li><a href="javascript:void(0)" data-filter="all" class="active">All</a></li>
				<li><a href="javascript:void(0)" data-filter="cat-1">Illustration</a></li>
				<li><a href="javascript:void(0)" data-filter="cat-2">Wallpaper</a></li>
				<li><a href="javascript:void(0)" data-filter="cat-3">Ideas</a></li>
				<li><a href="javascript:void(0)" data-filter="cat-4">Vector</a></li>
				<li><a href="javascript:void(0)" data-filter="cat-5">Concept Art</a></li>
			</ul>
	
			<hr />
			
			<div class="gallery">
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-5 cat-4">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_raring_ringtail_blue_1024x768_signed.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_raring_ringtail_blue_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>My Ringtail</strong> <span class="small">Vector, Concept Art</span></dd>
					</dl>
					<dl class="gallery-item col-2 cat-4 cat-3 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_jellyfish_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_jellyfish_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Jellyfish</strong> <span class="small">Illustration, Wallpaper, Ideas, Vector</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-3 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_looove_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_looove_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Looove</strong> <span class="small">Illustration, Wallpaper, Ideas</span></dd>
					</dl>
					<dl class="gallery-item col-2 cat-5 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_missing_him_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_missing_him_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Missing Him</strong> <span class="small">Illustration, Concept Art</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-5 cat-4 cat-3">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_gift_delivery_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_gift_delivery_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Gift Delivery</strong> <span class="small">Ideas, Vector, Concept Art</span></dd>
					</dl>
					<dl class="gallery-item col-2  cat-3 cat-2 ">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_library_480x320.jpg" ><img width="480" height="320" src="imgs/portfolio/vladstudio_library_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Library</strong> <span class="small">Wallpaper, Ideas</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-5 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_little_quetzal_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_little_quetzal_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Little Quetzal</strong> <span class="small">Illustration, Concept Art</span></dd>
					</dl>
					<dl class="gallery-item col-2 cat-3 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_white_crow_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_white_crow_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>White Crow</strong> <span class="small">Illustration, Wallpaper, Ideas</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-3 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_mountain_lion_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_mountain_lion_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Mountain Lion</strong> <span class="small">Illustration, Wallpaper, Ideas</span></dd>
					</dl>
					<dl class="gallery-item col-2 cat-5 cat-4">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_black_cat_white_cat_color4_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_black_cat_white_cat_color4_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Black Cat White Cat</strong> <span class="small">Vector, Concept Art</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-3 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_mothers_day_tiny_wings_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_mothers_day_tiny_wings_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Mothers Day</strong> <span class="small">Illustration, Wallpaper, Ideas, Vector</span></dd>
					</dl>
					<dl class="gallery-item col-2 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_books_color3_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_books_color3_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Books</strong> <span class="small">Illustration, Wallpaper, Vector</span></dd>
					</dl>
				</div>
				<div class="gallery-row">
					<dl class="gallery-item col-2 cat-5 cat-2 cat-1">
						<dt class="gallery-icon"><a href="imgs/portfolio/vladstudio_precise_pangolin_480x320.jpg"><img width="480" height="320" src="imgs/portfolio/vladstudio_precise_pangolin_480x320.jpg" class="attachment-thumbnail" alt="" /></a></dt> 
						<dd class="gallery-caption"><strong>Precise Pangolin</strong> <span class="small">Illustration, Wallpaper, Concept Art</span></dd>
					</dl>
				</div>
			</div><!-- .gallery -->
			  
		</div> <!-- END #content -->
	</div> <!-- END .wrapper -->
			
	<!-- Footer ______________________________________-->
	<footer role="contentinfo" id="footer">
		<div class="wrapper">
			<div class="footerbox">
				<h3>About Us</h3>
				<p>We create awesome HTML and WP themes and templates for your great online presence. We also provide support if you get any issues on our items. Check it out!</p>
				<br />
				<p><a href="http://themeforest.net/user/Darinka?ref=Darinka" target="_blank" class="button">BUY THIS</a></p>
			</div> <!-- END .footerbox -->
		
			<div class="footerbox">
				<h3>Latest News</h3>
				<ul>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Single Clean Post</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Our Blog Revived!</a></h4>
						<p class="small"><strong>Aug 3</strong> / Darinka </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">New Site Out Tomorrow</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox">
				<h3>Events</h3>
				<ul>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Open Klasses</a></h4>
						<p class="small"><strong>Aug 3</strong> / Street Art 2013 </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Summer Party</a></h4>
						<p class="small"><strong>Aug 10</strong> / Best place to party! </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Charity Event</a></h4>
						<p class="small"><strong>Aug 12</strong> / Help find the cure!</p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox last">
				<h3>Our newsletter</h3>
				<form method="post" action="#">
					<p>Sign up now to receive weekly news about new products and great discounts!</p>
					<p><label for="email">Your e-mail address</label> <input type="text" id="email" value="" /></p>
					<p><button type="submit">Subscribe</button></p>
				</form>
			</div> <!-- END .footerbox -->
			<div class="clear"></div>

			<hr />
			<p class="left small">Copyright &copy; 2013 Your Company Name. <br />All rights reserved.</p>
			<ul class="footermenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Styles</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Media</a></li>
				<li><a href="#">Layouts</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Contact</a></li>
			</ul> <!-- END .footermenu -->
			<div class="clear"></div>
		</div>  <!-- END .wrapper -->
	</footer>
</div> <!-- END #wrapperbox -->
<br class="clear" />


<!-- Initializing scripts ______________________________________-->
	<script> 			
	jQuery(window).load(function() {
		$('.gallery').mixitup({
			targetSelector: '.gallery-item',
			filterSelector: '#menu-portfolio-items li a'
		});
	});
	</script>

	
	<!-- Your Google Analytics ______________________________________-->
	<script type="text/javascript">
	
		  var _gaq = _gaq || [];
		  _gaq.push(["_setAccount", "UA-XXXXXXX-X"]);
		  _gaq.push(["_trackPageview"]);
		
		  (function() {
			var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
			ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
			var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
		  })(); 
	
	</script>
</body>
</html>
